<template>
  <div class="check-more-btn-wrap" @click="click">
    <div class="avator-box">
      <el-avatar :size="size" :src="MoreUser" />
    </div>
    <span class="name">查看全部</span>
  </div>
</template>
<script>
import MoreUser from '@/assets/more-user.png';
export default {
  name: 'CheckMoreBtn',
  props: {
    size: {
      type: Number,
      default: 40
    }
  },
  data() {
    return {
      MoreUser
    };
  },
  methods: {
    click() {
      this.$emit('click');
    }
  }
};
</script>
<style lang="scss" scoped>
.check-more-btn-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  .name {
    margin-top: 4px;
    font-size: 12px;
    color: #999999;
  }
}
</style>
